<ion-header class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back" ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>银行卡列表</ion-title>
    <ion-buttons slot="end" (click)="onAdd()">
      <div style="padding: 4px; border: 1px solid #fff; border-radius: 4px; color: #fff; font-size: 14px;">添加</div>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

 <ion-content class="withdraw-c">
<div *ngIf="!(listData | empty)">
  <div *ngFor="let item of listData" (click)="onSelect(item)"
    class="withdraw-card hava-card {{item.bankcode|bankcodeup}}">
    <ion-card style="margin-top: 10px;margin-bottom: 10px; margin-left: 0px; margin-right: 0px; height: 160px;">
      <ion-card-header>
        <ion-card-title>
          <img src="assets/icon/bankicon/{{item.bankcode|bankcodeup}}.png"
            style="height: 60px; width: 60px; margin-right: 10px; opacity: 0.7;" />
          {{item.bankcode | bankname}}
          <span class="ion-right" (click)="onDeleteCard($event,item.bank_id)">
            <ion-icon name="ios-close"></ion-icon>
          </span>
        </ion-card-title>
      </ion-card-header>
      <ion-card-content>
        <p class="card-username" style="text-align: left;">{{item.card}}</p>
        <p class="card-username" style="text-align: right;">持卡人:{{hideName(item.username)}}</p>
        <div class="card-right-img">
          <img src="assets/icon/bankicon/{{item.bankcode|bankcodeup}}_d.png" style="width: 100px; height: 90px;" />
        </div>
      </ion-card-content>
    </ion-card>
  </div>
</div>



<div *ngIf="(listData | empty)">
  <ion-card>
    <ion-card-header>
      <ion-card-subtitle>暂无银行卡</ion-card-subtitle>
    </ion-card-header>
  </ion-card>
</div>
</ion-content>
<app-tab-self></app-tab-self>